<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body {
				background-color: #2B35DF;
		    }
			.loginDiv{
				width: 550px;
			    height:530px;
				background-color: white;
				/*让div整体居中*/
				margin: 0 auto;
				/*让div顶部外边距是80px，让div离顶部远一些*/
				margin-top:80px;
				/*调整顶部内边距*/
				padding-top:30px;
				text-align: center;
				}
		.loginInput{
			width: 426px;
			height: 55px;
			border-radius: 5px;
			border:1px solid darkgray;
			margin-bottom: 20px;
			padding-left:30px;
			/*文本框背景透明*/
			background-color: transparent;
			margin-left:-25px;
	}
		.loginBtn{
			width: 453px;
			height: 55px;
			background-color: #FF6B4D;
			color:white;
			font-size: 20px;
			border-radius: 5px;
			/*去掉边框*/
			border:none;
	}
		.thirdLogin{
			margin-top:30px;
			margin-bottom: 15px;
	}
		.logpic{
		    margin-left: 20px;
	}
			</style>
		</head>
	<body>
	<div class="loginDiv">
		<!-- 这是放logo的div -->
			<div style="text-align: center;">
			<img src="img/tyustlogo.png" width="250px"/>
		</div>
			<h2>毕业设计管理系统</h2>
			<div>
			   <img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名">
			<br>
			<img src="img/password.png"><input class="loginInput" placeholder="密码" type="password"/>
		    <br>
			     <input class="loginBtn" type="submit" value="登录">
		</div>
		<!-- 这个div放第三方登录 -->
		<div class="thirdLogin">
			<img class="logpic" src="img/weixin.png"/>
			<img class="logpic" src="img/qq.png">
			<img class="logpic" src="img/weibo.png">
		</div>
		<div style="font-size:12px;line-height: 20px;">
		技术支持：太原科技大学  宋书记<br>
		开发者：太原科技大学  藏珊
	    </div>
	</div>
	</body>
</html>